//点击选择图片按钮
$("#choseImg").click(function(){
	$("#ImgContainer").css("background","url()")
	image_src = null;
	$(".upLoadContainer").before($("<div class='shadow'></div>")).fadeIn();
	
	clickShadow(function(){
		$(".upLoadContainer").fadeOut()
	})
})
//图片预览
$(".table").on("click","img",function(){
	$("body").append($("<img class='showImg' src='"+$(this).attr("src")+"' />")	);
	$(".showImg").before($("<div class='shadow'></div>")).fadeIn();
	clickShadow(function(){
		$(".showImg").fadeOut(function(){
			$(this).remove()
		})
	})
})
//图片修改
$(".img-list").on("click",".change",function(){

	var tr = $(this).parents("tr"),
		src = tr.find("img").attr("src"),
		href = tr.find(".img-href").text(),
		id = $(this).parent().parent()[0].id,
		div = '<div class="changeImgContainer">'+
			'<div class="changeImg_header">'+
				'图片修改'+
			'</div>'+
			'<div id="updateImgContainer">'+
				'<button id="updateImgUpLoad"><i class="iconfont">&#xe62e;</i> 选择图片</button>'+
			'</div>'+
			'<input type="text"  value="'+href+'" class="imgHref" id="updateText" placeholder="请输入超链接"/>'+
			'<button class="btn btn-info submitImg" id="updateSure" onclick="update('+id+')">确定</button>'+
		'</div>'
	    image_src = src;		
	$(div).appendTo("body").before($("<div class='shadow'></div>")).fadeIn();
	$("#updateImgContainer").css("background","url("+src+")");
	   $('#updateImgContainer').click(function(e) {	
		   _this  = $(this);
		   // 点击file文件
		   $('#uploadImage').click();
		});
	      
	clickShadow(function(){
		$(".changeImgContainer").fadeOut(function(){
			$(this).remove();
		})
	})
	
})
